
<body>
	<div class="journeyProgress">

		<ul>
			<li class="currentStep"><i class="icon-user"></i>身份注册</li>
			<!-- <li><i class="icon-lock"></i>账户信息</li> -->

		</ul>
	</div>

	<div id="phizzForm" class="form">
		<form action="doLogon">
			<div class="formPanel">
				<h2>信息填写</h2>
				<p>你的账户信息将被用以登陆，请认真填写</p>
				<div class="errors">有错误发生了</div>
				<fieldset>
					<legend>详细信息</legend>
					<div class="formRow">
						<label for="name">Name</label> <span class="inputAddOn"><i
							class="icon-user"></i></span> <input type="text" value=""
							placeholder="输入姓名" name="studentName" id="name">
						<div class="tooltip">
							<p>请填写真实姓名哟！</p>
							<i class="icon-caret-down"></i>
						</div>
					</div>
					<div class="formRow">
						<label for="username">Username</label> <span class="inputAddOn"><i
							class="icon-user"></i></span> <input type="text" value=""
							placeholder="用户名" name="username" id="username">
						<div class="tooltip">
							<p>认真写下你的账号吧</p>
							<i class="icon-caret-down"></i>
						</div>
					</div>
					<div class="formRow">
						<label for="password">Password</label> <span class="inputAddOn"><i
							class="icon-lock"></i></span> <input type="text" value=""
							placeholder="密码" name="password" id="password">
						<div class="tooltip">
							<p>请牢记你的密码</p>
							<i class="icon-caret-down"></i>
						</div>
					</div>
					<div class="formRow">
						<label for="passwordConfirm">Confirm password</label> <span
							class="inputAddOn"><i class="icon-lock"></i></span> <input
							type="text" value="" placeholder="确认密码" name="passwordConfirm"
							id="passwordConfirm">
						<div class="tooltip">
							<p>再次确认密码哦</p>
							<i class="icon-caret-down"></i>
						</div>
					</div>
					<div class="formRow">
						<label for="phoneNumber">Phone number</label> <span
							class="inputAddOn"><i class="icon-phone"></i></span> <input
							type="tel" value="" placeholder="手机号码" name="phoneNumber"
							id="phoneNumber">
						<div class="tooltip">
							<p>手机号码</p>
							<i class="icon-caret-down"></i>
						</div>
					</div>
					<div class="formRow">
						<p>特长、爱好：</p>
						<input type="checkbox"> <label class="checkboxLabel">前端知识</label>
						<input type="checkbox"> <label class="checkboxLabel">后端知识</label>
						<input type="checkbox"> <label class="checkboxLabel">全栈</label>
					</div>
					<div class="formRow">
						<label for="profession">Profession</label> <span
							class="inputAddOn"><i class="icon-money"></i></span> <input
							type="text" value="" placeholder="职业" name="profession"
							id="profession">
						<div class="tooltip">
							<p>学生或老师</p>
							<i class="icon-caret-down"></i>
						</div>
					</div>
					<button class="buttonSubmit">提&nbsp交</button>
				</fieldset>
			</div>

		</form>
	</div>

	<!-- Javascript -->
	<script src="../static/js/jquery.min.js"></script>
	<script src="../static/js/jquery-ui.min.js"></script>
	<script src="../static/js/scripts.min.js"></script>

	<script>
            $('body').phizzForms({
            });
        </script>
	<div style="text-align: center; clear: both"></div>
</body>
